.wxx_login_content{width: 100%;height: 100vh;position: relative;overflow: hidden;background-color: rgba(248, 248, 248, 1);display: flex;align-items: center;min-width: 1000px;}
.left_imgs{display: flex;align-self: stretch;flex-shrink: 0;width: 35%;}
.left_imgs>img{height: 100%;display: block;border: none;width: 100%;object-fit: cover;}
.right_dl{display: flex;align-self: stretch;width: 100%;align-items: center;justify-content: center;}

.form_box{width: 467px;height: 684px;background-color: white;box-shadow: 0 0 15px #ececec;padding: 36px;position: relative;}
.f_title{font-size: 28px;font-weight: 400;line-height: 39.2px;text-align: center;letter-spacing: 1px;margin-top: 20px;}
.nac_com{display: flex;align-items: center;justify-content: center;}
.nav_box{display: flex;align-items: center;margin-top: 40px;}
.nav_item{font-size: 16px;font-weight: 400;color: rgba(153, 153, 153, 1);transition: all 0.2s;cursor: pointer;height: 39px;line-height: 30px;position: relative;width: 140px;text-align: center;}
.nav_item::after{content: '';display: block;width: 47px;height: 5px;border-radius: 30px;background-color: var(--mainColor);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: all 0.2s;}
.nav_item:nth-child(1){margin-right: 20px;}
.nav_item:nth-child(2){margin-left: 20px;}
.nav_item.active{color: var(--fontColor);font-size: 20px;}
.nav_item.active::after{opacity: 1;}

.go_home{position: absolute;right: 48px;top: 48px;font-size: 18px;font-weight: 600;color: var(--mainColor);cursor: pointer;display: flex;align-items: center;}
.go_home img{height: 23px;margin-right: 5px;}

.box_form{margin-top: 24px;}
.input_box{margin-bottom: 24px;}
.input_box:last-child{margin-bottom: 0;}
.in_border{height: 55px;border: 1px solid rgba(220, 223, 230, 1);border-radius: 30px;padding: 0 30px;display: flex;align-items: center;position: relative;}
.icons{width: 25px;display: flex;align-items: center;flex-shrink: 0;margin-right: 10px;}
.icons>img{max-width: 23px;height: 21px;display: block;}
.input_view{display: flex;align-items: center;height: 100%;width: 100%;}
.input_view input{width: 100%;height: 100%;outline: none;border: none;font-size: 16px;}
.input_view .layui-input-wrap{width: 100%;}
.input_view .layui-input-wrap .layui-input-affix{padding-right: 0 !important;right: -8px !important;}
.input_view .layui-input-wrap .layui-input-affix i{font-size: 20px !important;}
.input_view .layui-input-wrap .layui-input{padding: 0 !important;}
.input_view .layui-input-wrap .layui-edge{right: -3px !important;} 
.input_view .layui-input-wrap .layui-input:focus{border-color: #fff !important;box-shadow: 0 0 0 0 rgba(22, 183, 119, 0) !important;}
.layui-form-select dl dd.layui-this{color: var(--mainColor) !important;}
.add_fix{display: flex;align-items: center;justify-content: space-between;}
.code_btns{height:55px;width: 130px;background-color: rgba(226, 226, 226, 0.3);margin-left: 12px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.code_btns img{width: 100%;height: 100%;}
.code_btns2{border-radius: 30px;}
.tips{padding: 0 30px;margin-top: 10px;font-size: 13px;}
.tips a{color: var(--mainColor);font-weight: 600;position: relative;cursor: pointer;}
.tips a::after{content: '';display: block;height: 1px;width: 100%;bottom: -3px;left: 0;position: absolute;background-color: var(--mainColor);}
.sub_btn{border: none;outline: none; height: 55px;background-color: var(--mainColor);display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 30px;font-size: 20px;color: white;letter-spacing: 4px;margin-top: 40px;cursor: pointer;}

.tips_booton{text-align: center;font-size: 13px;color: rgba(100, 100, 100, 1);margin-top: 36px;}
.tips_booton a{color: var(--mainColor);position: relative;cursor: pointer;}
.Intersect{position: absolute;top: 0px;right: 0px;width: 83px;cursor: pointer;}

.show_type2,.box_2{display: none;}

.verify-wrap {width: 350px;height: 55px;background-color: #e5e5e5;border: 1px solid #e0e0e0;margin: 0 auto;position: relative;border-radius: 30px;overflow: hidden;}
.verify-wrap .drag-btn {position: absolute;left:0px;transform: translateY(-50%);top: 50%;width: 90px;height: 55px;background-color: white;z-index: 2;cursor: move;border-radius: 30px;}
.verify-wrap .suc-drag-btn {background-color: var(--mainColor);}
.verify-wrap .drag-progress {position: absolute;left: 0;top: -1px;height: 55px;border-top: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;width: 0;background-color: #e5e5e5;color: #fff;font-size: 18px;text-align: center;line-height: 60px}
.verify-wrap .fix-tips,.verify-msg {width: 100%;position: absolute;right: 0;left: 1px;height: 100%;color: #51555c;z-index: 1;line-height:55px;font-size: 14px;text-align: center}
.verify-wrap .verify-msg {background-color: #e5e5e5;color: var(--mainColor);display: none}

.er_box{width: 289px;height: 289px;margin: auto;margin-top: 28px;}
.er_box img{width: 100%;}
.tips_wx{text-align: center;font-size: 16px;margin-top: 14px;font-weight: 600;}
.box_2 .tips{text-align: center;}


.wxx_register_content .f_title{margin-top: 0;}
.wxx_register_content .input_box{margin-bottom: 13px;}
.wxx_register_content .in_border{height: 45px;}
.wxx_register_content .input_view input{font-size: 15px;}
.wxx_register_content .form_box{min-height: 684px;height: auto;padding: 25px 36px;max-height: 100%;overflow-x: hidden;overflow-y: auto;}
.wxx_register_content .code_btns2{height: 45px;}
.wxx_register_content .sub_btn{height: 45px;font-size: 17px;margin-top: 30px;}
.required::after{content: '*';display: block;position: absolute;left: 15px;top: 53%;transform: translateY(-50%);color: orangered;}
.wxx_register_content .tips_booton{margin-top: 15px;}

.comsfs{padding: 25px;display: none;}
.emuis{font-size: 15px;line-height: 1.5;}
.emuis2{font-size: 15px;line-height: 1.5;}

/*****************************************        自适应处理      *********************************************/
@media (max-width: 1400px) {
	.left_imgs{width: 430px;}
	.left_imgs>img{width: 100%;height: 100%;object-fit: cover;}
}


